<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>十二时辰</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/main/base.css" th:href="@{/css/main/base.css}" rel="stylesheet">
<!--    <link href="../static/css/main/demo.css" th:href="@{/css/main/demo.css}" rel="stylesheet">-->

</head>

<body class="gray-bg">
<div id="content-main">


    <!-- COIDEA:header END -->
    <!-- COIDEA:demo START -->
<!--    <section id="ci-particles">-->
<!--        <canvas id="canvas"></canvas>-->
<!--        <h1 id="headline">十 二 時 辰</h1>-->
<!--    </section>-->
    <!-- COIDEA:demo END -->
</div>


    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
<!--    <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>-->

<!--    <script th:src="@{/js/main/demo.js}"></script>-->

<!--    <script type="text/javascript">-->
<!--	    $('#pay-qrcode').click(function(){-->
<!--	        var html=$(this).html();-->
<!--	        parent.layer.open({-->
<!--	            title: false,-->
<!--	            type: 1,-->
<!--	            closeBtn:false,-->
<!--	            shadeClose:true,-->
<!--	            area: ['600px', '360px'],-->
<!--	            content: html-->
<!--	        });-->
<!--	    });-->
<!--    </script>-->

    <script type="text/javascript">
        /*富强民主文明和谐*/
        var a_idx = 0;
        jQuery(document).ready(function($) {
            $("body").click(function(e) {
                var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善", "手麻了", "歇会儿");
                var $i = $("<span/>").text(a[a_idx]);
                a_idx = (a_idx + 1) % a.length;
                var x = e.pageX,
                    y = e.pageY;
                $i.css({
                    "z-index": 9999,
                    "top": y - 20,
                    "left": x,
                    "position": "absolute",
                    "font-weight": "bold",
                    "color": "#ff6651"
                });
                $("body").append($i);
                $i.animate({
                        "top": y - 180,
                        "opacity": 0
                    },
                    1500,
                    function() {
                        $i.remove();
                    });
            });
        });
    </script>

<style>
    .gray-bg{
        background: url("../img/bcg.jpg");
    }
</style>

</body>
</html>


